#noCompile

doctype 5
html ->
	head ->
		meta charset: "utf-8"
		title "lkytal"
		meta name: "viewport", content: "width=device-width, initial-scale=1.0"
		meta name: "renderer", content: "webkit"
		link rel: "shortcut icon", href: "/favicon.ico"
		link rel: "stylesheet", href: "//libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css"
		ie "lte IE 7", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie7.css"
		ie "lte IE 6", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie6.min.css"
		ie "lt IE 9", ->
			script src: "//cdn.bootcss.com/html5shiv/r29/html5.js"
			script src: "//cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"
			script src: "//cdn.bootcss.com/respond.js/1.4.2/respond.js"

		link rel: "stylesheet", href: "/css/post.css"

	body "data-spy": "scroll", "data-target": ".bs-navbar-scrollspy", ->
		div "#mynav.navbar.navbar-default.navbar-fixed-top", role: "navigation", ->
			div ".container", ->
				div ".navbar-header", ->
					a ".navbar-brand", href: "/", ->
						span "Magic"
				div ".collapse.navbar-collapse", ->
					ul ".nav.navbar-nav", ->
						li ->
							a href: "/blog", "Blog"
						li ->
							a href: "/tag", "Tag"
						li ->
							a href: "/view", "View"
					ul ".nav.navbar-nav.navbar-right", ->
						li ->
							a href: "/about", "About"
			
		div "#eachblog.container.eachblog.javascript", ->
			div ".row.blog-wrapper", ->
				div ".tree-select", ->
					div ".blog-head", ->
						h1 @data.title
						div ".row.time-and-comment", ->
							span ".time", @data.date
					div ".blog-content.blogcontent", ->
						div '#wrap', #blockquote
							-> @body

		div ".footer", ->
			div ".container-fluid", ->
				div ".container", ->
					div ".row", ->
						div ".col-md-12", ->
							ul ".list-inline", ->
								li ->
									text "Power By &nbsp;"
									a href: "http://nodejs.org/", "Node.js"
								li ->
									text "Sprit By &nbsp;"
									a href: "https://github.com", "Github"
								li ->
									text "2014, &nbsp;code By &nbsp;"
									a href: "http://lkytal.github.io/", "lkytal"
									
		span "#scrollUp", style: "position: fixed; z-index: 2147483647;", "Top"
		
		script src: "//libs.baidu.com/jquery/1.9.0/jquery.min.js"
		ie "lte IE 6", ->
			script src: "/js/bootstrap-ie6.js"
		script """
			$('#scrollUp').on('click', function(e) {
				$('body,html').animate( { scrollTop: 0 }, 400);
			});
			"""
